<template>
	<view class="nearby-store-btn e-flex e-flex-between">
		<view class="e-flex">
			<view class="e-rela" @tap="$emit('click')">
				<image src="../static/basket.png" class="img-60 e-m-r-26"></image>
				 <e-badge bgColor="#F5222D"   max="99" :value="size" :offset="[-4,6]" absolute></e-badge>
			</view>
			
			<view class="c-white">
				<text class="e-font-20">{{ $unitEn }}</text>
				<text class="e-font-28 fw-600">{{price}}</text>
			</view>
		</view>
		
		<view class="bg-primary e-p-l-48 e-p-r-48 c-white" @tap="$emit('pay')">
			{{$t('nearby.去结算')}}
		</view>
	</view>
</template>

<script>
	export default {
		// #ifdef MP-WEIXIN
		// 将自定义节点设置成虚拟的，更加接近Vue组件的表现
		options: {
			virtualHost: true
		},
		// #endif
		props:{
			price:[String,Number],
			size:[String,Number],
		}
	}
</script>

<style lang="scss" scoped>
	.nearby-store-btn {
		position: fixed;
		z-index: 10075;
		height: 100rpx;
		left: 20rpx;
		right: 20rpx;
		bottom: 0;
		background: #333333;
		box-shadow: 0 -4rpx 20rpx 0 rgba(0, 0, 0, 0.05);
		border-radius: 60rpx ;
		overflow: hidden;
		padding-left: 28rpx;
		>view{
			height: 100%;
			line-height: 100rpx;
		}
	}
</style>